/**
 * Created by jean.h.ma on 26/03/2018.
 */

import React from 'react'
import Base from '@codefree/badger/app/components/Base'
import Layout from '@codefree/badger/app/components/Layout'
import Master from '../../components/Master'
import {DataTable} from 'react-component-data-table'

export default class TestForm extends Base {
	render() {
		return (
			<Master>
				<form className="pure-form">
					<fieldset>
						<legend>A compact inline form</legend>

						<input type="email" placeholder="Email"/>
						<input type="password" placeholder="Password"/>

						<label>
							<input type="checkbox"/> Remember me
						</label>

						<button type="submit" className="pure-button pure-button-primary">Sign in</button>
					</fieldset>
				</form>
				<form className="pure-form pure-form-stacked">
					<fieldset>
						<legend>A Stacked Form</legend>

						<label>Email</label>
						<input id="email" type="email" placeholder="Email"/>
						<span className="pure-form-message">This is a required field.</span>

						<label>Password</label>
						<input id="password" type="password" placeholder="Password"/>

						<label>State</label>
						<select id="state">
							<option>AL</option>
							<option>CA</option>
							<option>IL</option>
						</select>

						<label className="pure-checkbox">
							<input id="remember" type="checkbox"/> Remember me
						</label>

						<button type="submit" className="pure-button pure-button-primary">Sign in</button>
					</fieldset>
				</form>
			</Master>
		);
	}
}